<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:decorate template="/tema/padrao.xhtml">
        <ui:define name="centro">
            <h:form id="form">  

                <p:dataTable id="tabDono" emptyMessage="Nenhum ítem encontrado!" var="dono" value="#{proprietarioBean.proprietarios}">  

                    <f:facet name="header">  
                        Proprietários cadastrados  
                    </f:facet> 
                    <p:column headerText="cod" style="width:80px"> 
                        #{dono.codDono}                         
                    </p:column>  
                    <p:column headerText="Nome">  
                        #{dono.dono}
                    </p:column>  
                    <p:column headerText="Fone">  
                        #{dono.foneResidencial} 
                    </p:column>                     
                    <p:column headerText="Celular">  
                        #{dono.celular}
                    </p:column>                    
                    <p:column  headerText="Email">  
                        #{dono.email}
                    </p:column>                  

                    <p:inputText type="hidden" id="endereco" value="#{dono.endDono}"/>  
                    <p:inputText type="hidden" id="bairro" value="#{dono.bairroDono}"/>     
                    <p:inputText type="hidden" id="cidade" value="#{dono.cidadeDono}"/>     
                    <p:inputText type="hidden" id="estado" value="#{dono.estadoDono}"/>  
                    <p:inputText type="hidden" id="cep" value="#{dono.cep}"/>     
                    <p:inputText type="hidden" id="obs" value="#{dono.obs}"/>           

                    <p:column headerText="Alterar" style="width:40px">  
                        <p:commandButton update=":form:display" icon="ui-icon-pencil" title="Alterar" oncomplete="alterar.show()" style="margin-left: 5px">                                
                            <f:setPropertyActionListener value="#{dono}" target="#{proprietarioBean.proprietario}" />    
                        </p:commandButton>
                    </p:column>

                    <p:column headerText="Excluir" style="width:40px">  
                        <p:commandButton icon="ui-icon-trash" title="Excluir" oncomplete="confirmation.show()" style="margin-left: 5px">                                
                            <f:setPropertyActionListener value="#{dono}" target="#{proprietarioBean.proprietario}" />
                        </p:commandButton>
                    </p:column>

                </p:dataTable> 

                <p:confirmDialog appendToBody="true"  message="Deseja realmente excluir este registro?"
                                 header="Aviso" severity="alert" widgetVar="confirmation" >                        

                    <p:commandButton update="tabDono" id="btnSim" value="Sim" oncomplete="confirmation.hide()" action="#{proprietarioBean.remover}" />                     
                    <p:commandButton id="btnNao" value="Não" onclick="confirmation.hide()" type="button"  />

                </p:confirmDialog>

                <p:dialog widgetVar="alterar" header="Alterar Proprietario" width="1000">
                    <h:panelGrid id="display" columns="2">

                        <h:outputText value="Codigo: *" /> 
                        <p:inputText disabled="true"  id="codigo" value="#{proprietarioBean.proprietario.codDono}"/>                         
                        <h:outputText value="Nome: *" /> 
                        <p:inputText  value="#{proprietarioBean.proprietario.dono}" />     
                        <h:outputText value="Endereço: *" />
                        <p:inputText value="#{proprietarioBean.proprietario.endDono}" />
                        <h:outputText value="Bairro: *" />
                        <p:inputText value="#{proprietarioBean.proprietario.bairroDono}" />
                        <h:outputText value="Cidade: *" />
                        <p:inputText value="#{proprietarioBean.proprietario.cidadeDono}" /> 
                        <h:outputText value="Estado: *"/>
                        <p:inputText value="#{proprietarioBean.proprietario.estadoDono}"/> 
                        <h:outputText value="CEP: *"/>
                        <p:inputText value="#{proprietarioBean.proprietario.cep}"/>
                        <h:outputText value="Email: *"/>                    
                        <p:inputText value="#{proprietarioBean.proprietario.email}" />  
                        <h:outputText value="Telefone residencial: *"/>
                        <p:inputText  value="#{proprietarioBean.proprietario.foneResidencial}"/>  
                        <h:outputText value="Celular: *"/>
                        <p:inputText value="#{proprietarioBean.proprietario.celular}"/>
                        <h:outputText value="Obs: *" />
                        <h:inputTextarea rows="6" cols="65" value="#{proprietarioBean.proprietario.obs}"/>

                        <!--Hidden necessario para enviar os campos desabilitados -->
                        <p:inputText type="hidden"  id="codDono" value="#{proprietarioBean.proprietario.codDono}"/>                         

                        <p:commandButton id="btnaltera" oncomplete="alterar.hide()" update="tabDono" value="Salvar" action="#{proprietarioBean.alterar}" />

                    </h:panelGrid>
                </p:dialog>
            </h:form>
        </ui:define>
    </ui:decorate>
</html>
